@charset "utf-8";
/* CSS Document */
#contents .ttl-h3.textIdt-numDot {
  text-indent: -3rem;
  padding-left: 3rem;
}
#contents .ttl-h3.textIdt-numDot span {
  padding-right: 10px;
}
#contents .textRed {
  color: #e95a21;
}
#contents .mT0 {
  margin-top: 0 !important;
}
#contents .related-list a span.txt img {
  margin-top: 3px;
  margin-right: 2px;
}
#contents [class^="col-"] {
  align-items: flex-start;
}
#contents .imgIconS {
  position: relative;
  top: 3px;
  margin-right: 3px;
}
#contents .img-list {
  display: flex;
  flex-wrap: wrap;
  margin: 30px 0 0;
}
#contents .img-list li {
  width: calc((100% - 45px) / 9);
  min-width: 90px;
  margin-right: 5px;
  margin-bottom: 15px;
}
#contents .img-list li span {
  display: block;
  font-size: 13px;
  text-align: center;
}
#contents #table-caption-4.table-caption {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 10px;
  text-align: left;
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
#contents .skill-table th {
  padding: 12px 7px;
}
#contents .skill-table td:first-of-type {
  text-align: left;
}
/* ----------------------------------------------
   #localMenu  
---------------------------------------------- */
#localMenu .lm-Img {
  margin: 30px 0;
}
#localMenu .lm-Img.bdr-t span:first-child::before {
  content: '';
  position: absolute;
  top: inherit;
  top: 0;
  right: 0;
  height: 1px;
  width: calc((100% - 75px));
  background: linear-gradient(#ccc, #ccc) 0 100%/100% 1px no-repeat;
}
#localMenu .lm-Img li {
  margin-bottom: 10px;
}
#localMenu .lm-Img li:last-child a::before, #localMenu .lm-Img li:last-child a::after {
  bottom: -10px;
}
#localMenu .lm-Img a {
  display: flex;
  align-items: center;
  column-gap: 8px;
  background: none;
  height: 70px;
  min-height: 60px;
  position: relative;
}
#localMenu .lm-Img a::before {
  content: '';
  position: absolute;
  top: inherit;
  bottom: 0;
  right: 0;
  height: 1px;
  width: calc((100% - 75px));
  background: linear-gradient(#ccc, #ccc) 0 100%/100% 1px no-repeat;
  transition: background .6s;
}
#localMenu .lm-Img a::after {
  content: '';
  position: absolute;
  top: inherit;
  bottom: 0;
  right: 0;
  height: 1px;
  width: calc((100% - 75px));
  background: linear-gradient(#0064B6, #0064B6) 0 100%/0 1px no-repeat;
  transition: background .6s;
}
#localMenu .lm-Img a:hover::after {
  background-size: 100% 1px;
}
#localMenu .lm-Img span:first-child {
  width: 70px;
  overflow: hidden;
}
#localMenu .lm-Img span:first-child img {
  width: auto;
  max-width: none;
  height: 70px;
  margin-left: -23px;
}
#localMenu .lm-Img li:last-child span:first-child img {
  margin-left: 0;
}
#localMenu .lm-Img span:last-child {
  display: block;
  position: relative;
  width: calc((100% - 103px));
  color: #222;
  font-size: 14px;
  line-height: 1.5;
}
#localMenu .lm-Img span:last-child::after {
  content: "";
  background: url(/shared/img/gb-arw.svg) center center no-repeat;
  background-size: 12px 11px;
  width: 12px;
  height: 11px;
  position: absolute;
  top: 50%;
  right: -16px;
  transition: all .6s;
  margin-top: -5px;
}
#localMenu .lm-Img a:hover span:last-child::after {
  right: -24px;
}
#localMenu .lm-Img_ttl {
  font-size: 16px;
  font-weight: 700;
  margin-top: 30px;
}
#localMenu .link-btn-normal a {
  display: flex;
}
input[type="checkbox"] {
  width: auto !important;
}
.related-list {
  align-items: stretch !important;
}
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  #localMenu dl dd:last-child {
    margin: 30px 10px;
  }
  #contents .sp-wAuto {
    width: auto !important;
  }
  #contents .sp-w650px {
    width: 650px;
  }
  #contents .wt-spc_nml {
    white-space: normal;
  }
  #contents .img-list li {
    width: 108px;
    min-width: auto;
  }
}